<div id="headerimg">
    <div id="headerwrap">
        <h1><span><i class="fa fa-book"></i>&nbsp;Knowledge</span></h1>
        <h2><span>Free Knowledge Base System</span></h2>
        <br/>
        <a id="showlist" class="btn btn-lg get-start" role="button"
            href="open.knowledge/list">
            Get Started!
        </a>
        <br/><br/>
        <br/><br/>
    </div>
</div>

<div class="container">
    <div class="contects" id="about">
        <div class="row">
            <div class="col-sm-12 subtitle">
            About Knowledge
            <div class="description">Knowledgeはオープンソースのフリーな情報共有サービスです</div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6 col-md-3 col-lg-3">
                <div class="about-icon">
                    <i class="fa fa-github icon-img"></i>
                </div>
                <div class="about-title">完全無料</div>
                <div class="about-description">ご利用は無料です。<br/>ソースコードは公開しています。</div>
            </div>
            <div class="col-sm-6 col-md-3 col-lg-3">
                <div class="about-icon">
                    <i class="fa fa-download icon-img"></i>
                </div>
                <div class="about-title">簡単セットアップ</div>
                <div class="about-description">ダウンロードしたファイルを置くだけの簡単セットアップ。</div>
            </div>
            <div class="col-sm-6 col-md-3 col-lg-3">
                <div class="about-icon">
                    <i class="fa fa-mobile-phone icon-img"></i>
                </div>
                <div class="about-title">スマフォ対応</div>
                <div class="about-description">PC、スマフォ、タブレットでの表示に対応しています。</div>
            </div>
            <div class="col-sm-6 col-md-3 col-lg-3">
                <div class="about-icon">
                    <i class="fa fa-pencil icon-img"></i>
                </div>
                <div class="about-title">軽快な編集</div>
                <div class="about-description">Markdown記法で軽快に編集します。<br/>登録した内容を、誰に公開するか指定可能です。</div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6 col-md-3 col-lg-3">
                <div class="about-icon">
                    <i class="fa fa-search icon-img"></i>
                </div>
                <div class="about-title">情報が見つかる</div>
                <div class="about-description">手慣れた「キーワード検索」で欲しい情報が見つかります。<br/>またタグによるグルーピングも出来ます。</div>
            </div>
            <div class="col-sm-6 col-md-3 col-lg-3">
                <div class="about-icon">
                    <i class="fa fa-bell-o icon-img"></i>
                </div>
                <div class="about-title">見逃さない</div>
                <div class="about-description">情報の登録、評価やコメントなどのイベントを「メール」や「デスクトップ通知」でお知らせします。</div>
            </div>
            <div class="col-sm-6 col-md-3 col-lg-3">
                <div class="about-icon">
                    <i class="fa fa-paperclip icon-img"></i>
                </div>
                <div class="about-title">添付ファイル</div>
                <div class="about-description">添付ファイルを扱います。<br/>ファイルの中に書いてある内容も抽出するので、中身で検索出来るようになります。</div>
            </div>
            <div class="col-sm-6 col-md-3 col-lg-3">
                <div class="about-icon">
                    <i class="fa fa-comments icon-img"></i>
                </div>
                <div class="about-title">ソーシャル</div>
                <div class="about-description">コメントのやりとり、評価の登録などでコミュニケーションを活性化します。</div>
            </div>
        </div>
    
        <div class="row">
            <div class="col-sm-12 subtitle">
            <div class="description">
            <a href="https://support-project.org/knowledge_info/index">-> More Information</a>
            </div>
            </div>
        </div>
        
    </div>
</div>